import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import StudyInfo from "./StudyInfo";
import VisitCard from "./VisitCard";

const VisitView = props => {
  const {  } = props;

  const measurements = useSelector(state => {
    return state.measurements.measurements;
  });

  const data = Object.keys(measurements).reduce((lesions, toolName) => lesions.concat(measurements[toolName]), []);

  return (<div className="visit-view">
    <StudyInfo/>
    <VisitCard />
    <div className="history-visits">
      <VisitCard />
      <VisitCard />
    </div>
  </div>);
}

export default VisitView;
